<!DOCTYPE html>
<html>	 <!--_meta 作为公共模版分离出去-->
	
	<!--/meta 作为公共模版分离出去-->

	<title>客服列表</title> 
	<style>
	.tupian{ width:40px; height:auto; vertical-align:middle;}
	.huise{ color:#CCCCCC; font-size:11px; margin-left:50px;}
	</style> 
	</head>  
	<body>
	<!--_header 作为公共模版分离出去--> 
	
	<!--/_header 作为公共模版分离出去-->
	 {load href="__JS__jquery.min.js"}
	<!--_menu 作为公共模版分离出去-->
	  
	<!--/_menu 作为公共模版分离出去-->  
	  
	<section class="Hui-article-box">
		 
		<div class="Hui-article">
			<article class="cl pd-20"> 
				
				<div class="mt-0">   
					<table class="table table-border table-bordered table-bg table-hover table-sort" width="100%">
						<thead> 
							<tr class="text-c">  
								<th width="200">用户</th>
								<th width="150">消息</th>
								<th width="60">回复</th> 
							</tr> 
						</thead>
						{volist name="data" id="vo"}
						
						<tr class="text-c">  
								<th width="20%">{$vo.name}</th>
								<th width="60%"><img src="__IMG__1.png" class="tupian">：{$vo.shuju.content}
								<!-- $vo.weidu neq 0 -->
								{if condition="$vo.weidu!=0"}
								<span class="huise">
								你有<a style="color: #FF0000;" href="{:url('kefu/onchat',['uid'=>$vo.uid])}" target="_blank">{$vo.weidu}</a>条未读消息
								</span>
								{/if}
								
								</th>
								<th width="20%"><a href="{:url('kefu/onchat',['uid'=>$vo.uid])}" target="_blank">点击回复</a></th> 
							</tr> 
						{/volist}
					</table>
				</div>
			</article>
		</div> 
		<div >
<div style="display: none;"  id="yuyin">
<!-- <audio controls="controls"  autoplay="autoplay">
  <source src="http://gddx.sc.chinaz.com/Files/DownLoad/sound1/201607/7499.mp3" type="audio/ogg" />
</audio> -->

</div>

	</section>

	<!--_footer 作为公共模版分离出去-->
	
	<!--/_footer /作为公共模版分离出去-->

	<!--/请在上方写此页面业务相关的脚本-->
	</body>
	</html>
	<!-- <script type="text/javascript" src="http://youdingb.com/fenxiao/Admin/js/jquery.js"></script> -->
	<script>
	// setInterval(function() {
	// window.location.reload();
	// },10000)
	

var n="{$zweidu}" ;
var titleInit = document.title;
if(n>0){
var titleInit = document.title, isShine = true;
}
// setInterval(function() {
//     var title = document.title;
//     if (isShine == true) {
//         if (/新/.test(title) == false) {
//             document.title = '【你有'+n+'新消息】';    
//         } else {
//             document.title = '【　　　　　】';
//         }
//     } else {
//         document.title = titleInit;
//     }
// }, 500);

window.onfocus = function() {
    isShine = false;
};
window.onblur = function() {
    isShine = true;
};

// for IE
document.onfocusin = function() {
    isShine = false;
};
document.onfocusout = function() {
    isShine = true;
};



	// setInterval(function(){
//   $.ajax({
//            type:'POST',
//              url:"http://www.youdingb.com/hongzhunxing/index.php/Home/Orders/dingdanshu",
//               data:{user_id:1},
//               dataType:"json",
//              success:function(data){
// 			  // alert(data.result);
// 			 if(data.result>0)
// 			 {
// 			 	 var html='<audio controls="controls"autoplay="autoplay"><source src="http://gddx.sc.chinaz.com/Files/DownLoad/sound1/201607/7499.mp3" type="audio/ogg" /></audio>';
// 			 	 $('#yuyin').html(html);
// 			  // window.location.reload();
// 			 }
			 
// 			 else
// 			 {
// var html="";
//  $('#yuyin').html(html);

// 			 }
// 			 //加载数据
// 				 // onGetMessage();
               
//               }
//           })
 
 
//  },4000)

	function bofang()

	{


	}

	// 即时消息相关
	var webSocket = null;
 
    initSocket();
 
    function initSocket() {
        if (!"WebSocket" in window) {
            console.log("您的浏览器不支持 WebSocket!");
            return;
        }
        webSocket = new WebSocket("ws://"+"39.108.194.179"+":8283");
        webSocket.onopen = handleSend;
        webSocket.onmessage = handleMessage;
        webSocket.onclose = handleClose;
        webSocket.onerror = handleError;
    }
 
    // 向服务器端发送数据
    function handleSend() {
        // Web Socket 已连接上，使用 send() 方法发送数据
        testing();
    }
 
    // 处理服务器端发送过来的数据
    function handleMessage(evt) {
        var received_msg = evt.data;
        var j=eval('(' + received_msg + ')');
        if (j.type==1) {
            $.post('{:url('gatewayapp/admin/build')}', {cid:j.client_id}, function(ret) {
                console.log(ret)
            });
        }else{
            console.log(received_msg)
        }

    }
 
    // 处理连接关闭事件
    function handleClose() {
        console.log("连接已关闭...");
    }
 
    // 处理WebSocket错误
    function handleError() {
        console.log("WebSocketError!");
    }
    
    function testing() {
        //每隔3秒钟向服务器发送数据，此处仅用于测试
        // var items = ['张三','李四','小二黑','阿杜','单工','大理寺','花荣','刘备','诸葛亮'];
        // // setInterval(function () {
        // //     var item = items[Math.floor(Math.random()*items.length)];
        // //     webSocket.send(item);
        // // },3000);
        // setTimeout(function () {
        //     var item = items[Math.floor(Math.random()*items.length)];
        //     webSocket.send(item);
        // },3000);
        webSocket.send(123);
    }
    function give() {
        // var json = [];
        // var j = {};
        
        // j.uid = 45;
        // j.type = 1;
        // json.push(j);
         var d=$('input').val();
        // var a = JSON.stringify(json);
        // webSocket.send(d);
        // console.log(a);
        // var d=$('input').val();
        // webSocket.send(d);
        $.post('{:url('gatewayapp/index/sendmsg')}', {uid: 1,msg:d}, function(ret) {
            // console.log(ret)
        });
    }

	</script>
</html>